<ion-header class="header-box">
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only  class="cancel-btn" (click)="backHandle($event)">
                <i>取消</i>
            </button>
        </ion-buttons>
        <ion-title class="title" >
            修改昵称
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only class="cancle-btn" (click)="saveNickName()">
                <i>保存</i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="main-content">
        <div class="search-bar">
            <input [(ngModel)]="nickName" type="text" placeholder="输入昵称" maxlength="15">
        </div>
    </div>
</ion-content>
